<!DOCTYPE html> 
<html> 
	<head> 
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.css" />
		<link rel="stylesheet" href="http://jquerymobile.com/demos/1.0b1/docs/_assets/css/jqm-docs.css" />
		<link rel="stylesheet" href="/css/page42.css" />
		<script src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
		<script src="http://code.jquery.com/mobile/1.0b1/jquery.mobile-1.0b1.min.js"></script>
		<script src="/js/page42.js"></script>
		<script type="text/javascript">	
		</script>
	</head> 
	<body> 
	<div data-role="page">
        <div data-role="header" data-position="inline">
			<h1>Likes</h1>
			<a href="/likes" data-icon="refresh" class="ui-btn-right" data-iconpos="notext" theme="b" data-ajax="false">Refresh</a>
        </div>
        <div data-role="content">
			<ul data-role="listview" data-filter="true" data-inset="true" >
{% for like in likes %}
{% ifchanged %}
				<li data-role="list-divider">{% for a in like.book.authors %}{{a}}{% if not forloop.last %}, {% endif %} {% endfor %}</li> 
{% endifchanged %}
				<li><a href="/book/{{like.book.ISBN_13}}">{{like.book.title}}</a></li>
{% endfor %}				
			</ul>
		</div>
    </div>
	</body> 
</html> 
 